<script setup lang="ts">
import QRcode from "./components/QRcode.vue";
import OtherWays from "./components/OtherWays.vue";
import { useLoginStore } from "@/stores/login";
const store = useLoginStore();
</script>
<template>
  <div class="userLogin">
    <div class="loginBox">
      <QRcode v-if="!store.otherWayShow"></QRcode>
      <OtherWays v-if="store.otherWayShow"></OtherWays>
    </div>
  </div>
</template>
<style lang="scss" scoped>
.userLogin {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  div.loginBox {
    margin: auto;
    width: 60%;
    height: 70%;
    background-color: rgb(220, 28, 66);
    border-radius: 20px;
  }
}
</style>
